<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta property="qc:admins" content="121225135562075110176375737311473072437" />      <!-- QQ -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<title>蓝色领域-生命在于运动</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome4.min.css"> 
         <link rel="stylesheet" href="assets/css/font-awesome.min.css" >
         
         
        <link rel="stylesheet" href="assets/css/ace.min.css" >
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" >
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" >
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" >
        
        
        <link rel="stylesheet" href="css/templatemo_style.css">
        <link rel="stylesheet" href="css/templatemo_misc.css">
        
        <link rel="stylesheet" href="css/flexslider.css"><!-- 图片滑动 -->
        <link rel="stylesheet" href="css/testimonails-slider.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        
       <link rel="stylesheet" href="css/hotnews.css"><!-- 热门资讯 -->
       
        <link rel="stylesheet" href="css/wheelmenu.css"><!-- 头像菜单圆圈 -->
        <link rel="stylesheet" href="css/jquery-ui.min.css">

         <link rel="stylesheet" href="css/style.css"><!-- 运动达人 -->
         <link rel="stylesheet" href="css/common.css"><!-- navigate -->
         
         <link rel="stylesheet" href="css/jNotify.jquery.css" />  <!-- 提示框插件 -->
</head>
<body>
<%@ include file="/include/header.jsp" %>
            <div id="slider">
                <div class="flexslider">
                  <ul class="slides">
                    <li>
                        <div class="slider-caption">
                            <h1>杜兰特奥运摘金封神 暴扣跳投王者霸气</h1>
                            <p>北京时间8月22日消息，2016年里约奥运会男篮决赛美国男篮经过四节较量以96-66战胜塞尔维亚男篮，赢得冠军
                            <br><br>，杜兰特投进5记三分得到全队最高的30分4助攻并抢下3篮板2抢断。</p>
                        </div>
                      <img src="images/news1.jpg" alt="" />
                    </li>
                    <li>
                        <div class="slider-caption">
                            <h1>太激动！谌龙夺冠后趴地抱头痛哭</h1>
                            <p>北京时间8月20日，在羽毛球男单决赛中，中国选手谌龙以2-0战胜马来西亚名将李宗伟
                            <br><br>，帮助中国男单实现三连冠，赛后谌龙情绪激动，趴地抱头痛哭。</p>
                        </div>
                      <img src="images/news2.jpg" alt="" />
                    </li>
                    <li>
                        <div class="slider-caption">
                            <h1>荣耀之巅!女排时隔12年再登顶奥运冠军</h1>
                            <p>北京时间8月21日，巴西里约热内卢。2016里约奥运会女子排球决赛，中国女排不负众望，大比分3-1战胜塞尔维亚，勇夺金牌！
                            <br><br>赛后，一路拼搏过来的女排姑娘们尽情的拥抱庆祝，痛哭，把所有的压力全在此刻释放。</p>
                        </div>
                      <img src="images/news3.jpg" alt="" />
                    </li>
                    <li>
                        <div class="slider-caption">
                            <h1>巴西点杀德国夺金 赛后内马尔泪流满面</h1>
                            <p>北京时间2016年8月21日凌晨4时30分，巴西里约奥运会男足决赛，，在点球大战中5-4笑到最后，总比分6-5首次获得奥运金牌。
                            <br><br>点球大战，双方前4轮全部命中，第5轮，内马尔罚入关键点球。激动的泪流满面。</p>
                        </div>
                      <img src="images/news4.jpg" alt="" />
                    </li>
                  </ul>
                </div>
            </div>
  

<!-- 资讯结开始-->

            <div id="services">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading-section">
                                <h2>热门资讯</h2>
                                <img src="images/under-heading.png" alt="" >
                            </div>
                        </div>
                    </div>
                    
                    
                                    <div class="row">
                       			<div id="timeline">
				<div class="timeline-item">
					<div class="timeline-icon">
						<img src="images/star.svg" alt="">
					</div>
					<div class="timeline-content">
						<h2></h2>
						<p>
						
						</p>
						<a href="javascript:;" class="btn btn-warning">更多...</a>
					</div>
				</div>

				<div class="timeline-item">
					<div class="timeline-icon">
						<img src="images/book.svg" alt="">
					</div>
					<div class="timeline-content right">
						<h2></h2>
						<p>
							
						</p>
						<a href="javascript:;" class="btn btn-warning">更多...</a>
					</div>
				</div>
			

				<div class="timeline-item">
					<div class="timeline-icon">
						<img src="images/star.svg" alt="">
					</div>
					<div class="timeline-content">
						<h2></h2>
						<p>
							
						</p>
						<a href="javascript:;" class="btn btn-warning">更多...</a>
					</div>
				</div>
			</div>
		</div>
                        </div>
                    </div>
             
<!-- 资讯结束 -->



<!-- 运动达人开始-->

            <div id="latest-blog">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading-section">
                                <h2>运动达人</h2>
                              
                                <img src="images/under-heading.png" alt="" >
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 col-sm-6">

     <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost1.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老大</a></h2>
						<small class="project__category">
						<a href="#">啊是大叔大富大贵和日本日他vwrc</a></small>
					</div>
				</div>
			</div>
                        </div>
                        
                        <div class="col-md-3 col-sm-6">
           
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost2.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老二</a></h2>
						<small class="project__category">
						<a href="#">啊十多个胡一虎通过日发的苏</a>
						</small>

					</div>
				</div>
			</div>
                          
                        </div>
                        <div class="col-md-3 col-sm-6">
             
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost3.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老三</a></h2>
						<small class="project__category">
						<a href="#">客家话高浮雕同居一你不</a></small>
					</div>
				</div>
			</div> 
                        </div>
                        <div class="col-md-3 col-sm-6">
                 
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost4.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老四</a></h2>
						<small class="project__category">
						<a href="#">哦iuygfvbrrvetbrt</a></small>
					</div>
				</div>
			</div>
        
                        </div>
                        <div class="col-md-3 col-sm-6">
  
                                  <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost5.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老五</a></h2>
						<small class="project__category">
						<a href="#">史蒂芬改估今年不ub</a></small>
					</div>
				</div>
			</div>

                        </div>
                        <div class="col-md-3 col-sm-6">
                       
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost6.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老六</a></h2>
						<small class="project__category">
						<a href="#">阿道夫人体吧体育局</a></small>
					</div>
				</div>
			</div>
                          
                        </div>
                        <div class="col-md-3 col-sm-6">
                       
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost6.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老七</a></h2>
						<small class="project__category">
						<a href="#">阿道夫人体吧体育局</a></small>
					</div>
				</div>
			</div>
                          
                        </div>
                        <div class="col-md-3 col-sm-6">
                       
                                   <div class="project">
				<div class="project__card">
					<a href="" class="project__image">
					<img src="images/blogpost6.jpg" alt=""></a>

					<div class="project__detail">
						<h2 class="project__title"><a href="#">王老八</a></h2>
						<small class="project__category">
						<a href="#">阿道夫人体吧体育局</a></small>
					</div>
				</div>
			</div>
                          
                        </div>
                    </div>
                </div>
            </div>

<!-- 运动达人结束-->
     

<!-- 热门话题开始-->

  <div id="testimonails">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading-section">
                                <h2>热门话题</h2>
                                <img src="images/under-heading.png" alt="" >
                            </div>
                        </div>
                    </div>
                    
                    					<div class="row">
									<div class="col-sm-6">
										<div class="widget-box transparent" id="recent-box">
											<div class="widget-header">
												<h4 class="lighter smaller">
													<i class="icon-rss orange"></i>
													今日热门
												</h4>

												<div class="widget-toolbar no-border">
													<div id="recent-tab">
														

														
															<a href="#" data-action="reload">
                                                              <i class="icon-refresh"></i>
                                                            </a>
														
													</div>
												</div>
											</div>



<!-- 热门动态模版开始 -->
<div class="itemdiv commentdiv hidden template_item">
																	<div class="user">
																		<img class="dy_user" alt="Rita's Avatar" src="assets/avatars/avatar3.png">
																		
																	</div>

																	<div class="body">
																		<div class="name blue">
																			<a href="#" class="dy_user_nickname">用户名</a>
																		</div>

																		<div class="time">
																			<i class="icon-time"></i>
																			<span class="blue dy_date">2016年11月11日</span>
																		</div>

																		<div class="text">
																			<i class="icon-quote-left"></i>
																			<span class="dy_text">话题内容</span>
																		</div>
																	</div>

																	<div class="tools">
																		<div class="action-buttons smaller-75">
																			 <a href="javascript:;">
                                                                            <i class="icon-heart red bigger-125 attention"></i><span class="attention">0</span>
                                                                        </a>

                                                                        <a href="javascript:;">
                                                                            <i class="icon-thumbs-up blue bigger-125 praise"></i><span class="praise">0</span>
                                                                        </a>
                                                                        
                                                                        <a href="javascript:;">
                                                                            <i class="icon-comment light-green bigger-130 review"></i><span class="review">0</span>
                                                                        </a>

                                                                        <a href="javascript:;">
                                                                            <i class="icon-share light-orange bigger-130 forword"></i><span class="forword">0</span>
                                                                        </a>
																		</div>
																	</div>
																</div>
																<!-- 模版结束 -->
											<div class="widget-body">
												<div class="widget-main padding-4">
													<div class="tab-content padding-8 overflow-visible">
														

														<div id="comment-tab" class="tab-pane active">
															<div class="comments" id="24hours">
	

																<!-- 24小时热门动态 -->
																
																
																
																
																
																
																
																
															</div>

															<div class="hr hr8"></div>

															
															
														</div>
													</div>
												</div><!-- /widget-main -->
											</div><!-- /widget-body -->
										</div><!-- /widget-box -->
									</div><!-- /span -->

									<div class="col-sm-6">
										<div class="widget-box transparent" id="recent-box">
											<div class="widget-header">
												<h4 class="lighter smaller">
													<i class="icon-rss orange"></i>
													本周热门
												</h4>

												<div class="widget-toolbar no-border">
													<div id="recent-tab">
														

														
															<a href="#" data-action="reload">
                                                              <i class="icon-refresh"></i>
                                                            </a>
														
													</div>
												</div>
											</div>

											<div class="widget-body">
												<div class="widget-main padding-4">
													<div class="tab-content padding-8 overflow-visible">
														

														<div id="comment-tab" class="tab-pane active">
															<div class="comments" id="week">
	<!-- 一周热门动态 -->
																
																
																
															</div>

															<div class="hr hr8"></div>

															
															
														</div>
													</div>
												</div><!-- /widget-main -->
											</div><!-- /widget-body -->
										</div><!-- /widget-box -->
									</div><!-- /span -->
									
								</div><!-- /row -->
                    
                </div>
            </div>





<!-- 热门话题结束-->



 
            <div id="testimonails">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading-section">
                                <h2>关于团队</h2>
                                <img src="images/under-heading.png" alt="" >
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="testimonails-slider">
                              <ul class="slides">
                                <li>
                                    <div class="testimonails-content">
                                        <p>负责项目工作的安排，和后台代码。</p>
                                        <h6>王建 - <a href="#">项目经理</a></h6>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>负责构建积分模型，和积分算法的 实现。</p>
                                        <h6>代喆< - <a href="#">项目成员</a></h6>
                                    </div> 
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>负责各类文档的编写，以及项目预算和经费管理。</p>
                                        <h6>刘恒 - <a href="#">项目成员</a></h6>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>负责数据库的设计和处理。</p>
                                        <h6>胡鹏 - <a href="#">项目成员</a></h6>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonails-content">
                                        <p>负责前端设计和代码实现。</p>
                                        <h6>陈佳强 - <a href="#">项目成员</a></h6>
                                    </div>
                                </li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

			<footer>
                <div class="container">
                <div class="row" style="text-align:center;">
                   <span ><a href="http://www.miitbeian.gov.cn/">蜀ICP备16015425号</a></span>
                </div>
                </div>
            </footer>

    
    
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.gmap3.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.popmenu.min.js"></script>
        
        <script src="js/jquery.wheelmenu.min.js"></script><!-- 头像菜单 -->
        <script src="js/jquery-ui.min.js"></script>
        
        
        <script src="js/jquery.bootstrap.newsbox.min.js"></script><!-- topics -->
  
        <script src="js/jquery.hover3d.min.js" ></script><!-- 运动达人插件 -->
        <script src="js/common.js"></script><!-- 导航栏 -->
        
        <script src="js/topics.js"></script><!-- 热门话题的js文件 -->
        <script src="js/jNotify.jquery.js"></script>  <!-- 提示框插件 -->
        <script src="js/index.js"></script><!-- 首页的js文件 -->
        
</body>
</html>